<template>
  <div class="group">
    <SonDemo1></SonDemo1>
  </div>
  <div class="group">
    <SonDemo2></SonDemo2>
  </div>
  <div class="group">
    <SonDemo3></SonDemo3>
  </div>
  <div class="group">
    <SonDemo4></SonDemo4>
  </div>
  <div class="group">
    <SonDemo5></SonDemo5>
  </div>
</template>

<script setup lang="ts">
import SonDemo1 from './Anli4/SonDemo1.vue'
import SonDemo2 from './Anli4/SonDemo2.vue'
import SonDemo3 from './Anli4/SonDemo3.vue'
import SonDemo4 from './Anli4/SonDemo4.vue'
import SonDemo5 from './Anli4/SonDemo5.vue'
</script>
<style lang="scss" scoped>
.group {
  border: 1px solid rgb(60, 130, 200);
  padding: 10px;
  margin: 10px;
  box-sizing: border-box;
}
</style>
